<style type="text/css">
	#big_section{
		display:flex;
		position:absolute;
		top:1.40625rem;
		left:0;
		right:0;
		bottom:1.40625rem;
	}
	#left{
		width:2.390625rem;
		overflow:auto;
	}
	.left_kuai{
		width:2.390625rem;
		height:1.296875rem;
		background-color:#f8f8f8;
		border-width:0 0 2px 0;
		border-style:solid;
		border-color:#e0e0e0;
		line-height:1.296875rem;
		text-align:center;
		font-size:0.390625rem;
		color:#6d6d6d;
	}
	.color1{
		border-left:solid #ffd600 8px;
	}
	#right{
		flex-grow: 1;
		overflow:auto;
	}
	#right_top{
		flex-grow: 1;
		height:1.296875rem;
		display:flex;
		justify-content: center;
		align-items: center;
		border-bottom: solid #e0e0e0 2px;
	}
	#right_top span{
		margin-left:0.46875rem;
		padding:3px 0.46875rem 3px 3px;
		font-size:0.40625rem;
		color:#777;
		display:flex;
		justify-content: center;
		align-items: center;
	}
	.right_ti{
		flex-grow: 1;
		height:2.8125rem;
		border-bottom:solid 1px #777;
		display:flex;
		align-items:center;
	}
	.right_left{
		width:2.625rem;
		text-align:center;
	}
	.right_left img{
		width:1.4375rem;
		height:auto;
	}
	.right_right{
		flex-grow:1;
		position:relative;
	}
	.right_right>div{
		position:absolute;
		right:0.5rem;
		top:1.6rem;
		display:flex;
		justify-content: center;
		align-items: center;
	}
	.right_right>div>img{
		width:0.665rem;
		height:0.625rem;
	}
	.right_right>div>div{
		padding:0 0.109375rem 0 0.109375rem;
	}
	.pa{
		font-size:0.40625rem;
		margin-bottom: 5px;
	}
	.spana{
		color:#ff0000;
		border:solid 1px #ff0000;
		padding:2px 6px;
		border-radius:5px;
		margin:5px 20px 5px 0; 
	}
	.spanb{
		border-radius:5px;
		background-color:#ff0000;
		color:#fff;
		padding:2px 6px;
	}
	.pb{
		color:#999999;
		margin-top:5px;
		margin-bottom: 5px;
	}
	.pc{
		color:#ff0000;
	}
	.pc s{
		color:#232B33;
		margin-left:0.3125rem;
	}
</style>
    
<div id="big_section">
<div id="left">
	<div class="left_kuai" ng-click="getData(l,$index)" ng-repeat="l in list track by $index" 
		ng-class="l==text?'color1':''" >
		{{l}}
	</div>
	
</div>
<div id="right">
	<div id="right_top">
		<span id="" style="border-right:solid 3px #ddd">
			全部分类
			<img src="img/san.jpg"/>
		</span>
		<span id="">
			综合排序
			<img src="img/san.jpg"/>
		</span>
	</div>
	<div class="right_ti" ng-repeat="item in goods[text]">
		<div class="right_left">
			<img ng-src="{{item.img}}"/>
		</div>
		
		<div class="right_right">
			<p class="pa">{{item.name}}</p>
			<span class="spana">精选</span><span class="spanb" ng-show="item.pm_desc.length">{{item.pm_desc}}</span>
			<p class="pb">{{item.price}}ml</p>
			<p class="pc">￥{{item.price}}<s>￥{{item.market_price}}</s></p>
			<div id="">
			<img src="img/减号.png" ng-click="compute(item,-1)" ng-show="item.num>0"/>
			<div ng-show="item.num>0">{{item.num}}</div>
			<img src="img/加号.png" ng-click="compute(item,1)"/>
			</div>
		</div>
	</div>
</div>
</div>